#item {
    width: 1000px;
    margin: 0 auto;
    // background-color: pink;
    border-right: 1px solid #a29b9b;

    div {
        height: 374px;
        width: 640px;
        margin: 50px auto;

        img {
            border-radius: 2%;
            height: 374px;
            width: 640px;
        }
    }

    h1 {
        font-size: 50px;
        margin: 50px 0;
    }

    p {
        width: 640px;
        margin: 0 auto;
        font-size: 20px;
        color: rgb(93, 93, 93);
        margin: 50px auto;
    }

    .p {
        border-bottom: 1px solid #a29b9b;
    }
}

#item #combox {
    width: 640px;
    margin: 0 auto;
    display: block;

    #firstIn {
        width: 550px;
        height: 39px;
        border: 1px solid black;
        outline: 0;
    }

    #secondbou:hover,
    #firstbou:hover {
        filter: brightness(0.7);
    }

    #firstbou {
        width: 82px;
        height: 43px;
        border: 0;
        background-color: skyblue;
        color: white;
    }

    textarea {
        height: 100px;
        width: 628px;
        margin-top: 50px;
        outline: 0;
        border: 2px double skyblue;
    }

    #secondbou {
        width: 82px;
        height: 43px;
        border: 0;
        background-color: skyblue;
        color: white;
    }

    ul {
        //height: 0;
        background-color: skyblue;
        padding-left: 0;
        li {
            list-style: none;
            height: 50px;
            width: 641px;
            background-color: white;
            margin-bottom: 1px;
            position: relative;

            div {
                height: 50px;
                width: 554px;
                position: absolute;
                margin: 0;
                text-indent: 2em;
            }

            span {
                width: 30px;
                height: 30px;
                position: absolute;
                left: -27px;
                top: 13px;
                font-size: 20px;
                font-weight: 700;
            }

            .a1 {
                position: absolute;
                bottom: 1px;
                right: 5%;
                text-decoration: none;
                color: black;
                z-index: 99;
            }

            .a2 {
                position: absolute;
                bottom: 1px;
                right: 15%;
                text-decoration: none;
                z-index: 99;
                color: black;
            }

            .a1:hover,
            .a2:hover {
                color: red;
            }
        }

        li:hover {
            filter: brightness(1.1);
        }
    }

}
#window {
    position: fixed;
    background-color: white;
    top: 40%;
    right: 37%;
    height: 200px;
    width: 400px;
    box-shadow: 1px 1px 1px 1px gray;
    display: none;
    
}
#window h4 {
    position: absolute;
    height: 30px;
    width: 400px;
    top: 5%;
    left: 10%;
}
#sure {
    position: absolute;
    height: 40px;
    width: 75px;
    background-color: skyblue;
    text-align: center;
    line-height: 40px;
    top: 40%;
    left: 25%;
}
#cancel {
    position: absolute;
    height: 40px;
    width: 75px;
    background-color: skyblue;
    text-align: center;
    line-height: 40px;
    top: 40%;
    right: 25%;
}
#sure:hover {
    filter: brightness(0.8);
}
#cancel:hover {
    filter: brightness(0.8);
}